<template>
    <div class="ElButtonCurdGroup">
        <el-button-group>
            <el-button-mini icon="add" @click.native="$emit('click-add')" :disabled="addDisabled">添加</el-button-mini>
            <el-button-mini icon="edit" @click.native="$emit('click-edit')" :disabled="editDisabled">编辑</el-button-mini>
            <el-button-mini icon="delete" @click.native="$emit('click-delete')" :disabled="deleteDisabled">删除</el-button-mini>
        </el-button-group>
        <slot></slot>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'
import ElButtonMini from "@/components/common/button/ElButtonMini"

@Component({
  components: {
    ElButtonMini
  }
})
export default class ElButtonCurdGroup extends Vue {
  @Prop({
    default: false
  })
  readonly addDisabled!: any
  @Prop({
    default: false
  })
  readonly editDisabled!: any
  @Prop({
    default: false
  })
  readonly deleteDisabled!: any

  mounted() {
    this.reload()
  }

  reload() {}

}
</script>

<style lang="less" scoped>
    @import (reference) "~style/all.less";

    .ElButtonCurdGroup {
    }
</style>